.production-task-progress {
  margin-top: 25rem;
  width: 530rem;
  white-space: nowrap;

  .title-box {
    position: relative;

    .title-img {
      position: absolute;
      transform: translateY(-105rem);
      z-index: -1;

      .title-img-logout {
        width: 530rem;
      }
    }

    .title {
      display: flex;
      justify-content: space-between;

      .title-content {
        font-family: DingTalk JinBuTi, serif;
        margin-left: 90rem;
        font-weight: 400;
        font-size: 20rem;
        line-height: 28rem;
        background: linear-gradient(180deg, rgba(0, 255, 246, 0.76) 0%, #E5FDFF 79%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
    }
  }

  .table {
    margin-left: 55rem;
    margin-top: 18rem;

    .td {
      border-bottom: 1rem solid rgba(255, 255, 255, 0.15);
      padding: 12rem 0;
      margin-left: 10rem;
      font-family: Alibaba PuHuiTi Medium, serif;
      font-weight: 600;
      font-size: 14rem;
      color: #FFFFFF;
      line-height: 20rem;
      overflow: hidden; //超出的文本隐藏
      text-overflow: ellipsis; //溢出用省略号显示
      white-space: nowrap; //溢出不换行
    }

    .td:nth-child(1) {
      margin: 0;
      width: 137rem;
    }

    .td:nth-child(2) {
      margin: 0;
      width: 97rem;
    }

    .td:nth-child(3) {
      width: 220rem;
    }

    .table-header {
      display: flex;
    }

    .table-body {
      height: 140rem;
      overflow: hidden;

      .row {
        display: flex;

        .td {
          font-weight: 400;
          position: relative;

          .progress-text{
            position: absolute;
            width: 220rem;
            text-align: center;
            font-family: Alibaba PuHuiTi Medium, serif;
            font-weight: 900;
            font-size: 14rem;
            color: #FFFFFF;
            line-height: 20rem;
            transform: translateY(-20rem);
          }

          :deep(.el-progress-bar){
            height: 20rem;

            .el-progress-bar__outer{
              height: 20rem !important;
              background: #23405A;
            }

            .el-progress-bar__inner{
              background: linear-gradient( 90deg, #00D08F 0%, rgba(0,208,143,0.5) 100%);
            }
          }
        }
      }
    }
  }
}